﻿.container-media{
    border:1px #ddd solid;position:relative;padding-left:180px;
    #dircol{
        width:180px;position:absolute;left:0;top:0;height:600px;border-right:1px #ddd solid;
        .navbar-default{
            border-bottom:1px #ddd solid;
        }
        #dirbody{
            padding:15px;position:relative;
        }
    }
    #filecol{
        height:600px;position:relative;overflow:hidden;
         .navbar-default{
            border-bottom:1px #ddd solid;
        }
    #uploadFile{
        position:absolute;width:100%;left:0;top:-100px;z-index:40;background-color:#eee;padding:15px;border-bottom:1px #ddd solid;box-shadow:inset 0 0 6px rgba(0,0,0,.15);
      
      }
    }
    .navbar{
        margin-bottom:0 !important;
    }
    &.tinymcepopu{
        border:none;border-bottom:1px #ddd solid;
    }
}


#dirTree{   
    ul.subTree{
        margin:0 0 0 22px;padding:0;list-style:none;
    }
    .exp{
        display:inline-block;width:20px;height:12px;
    }
    a{
        text-decoration:none;color:#666;
        &:hover{
            text-decoration:none;
        }
        &.active{
            color:tomato;
        }
        span{
            margin-right:5px;
        }
    }
}

#fileList {
     padding:15px;overflow-y:scroll;height:550px;
    .itembox {
        margin-bottom: 10px;width:180px;

        .item {
            margin: 0 -10px;cursor:pointer;
            .filebox{
                height:100px;
                img{
                    max-height:100%;margin:0 auto;max-width:100%;
                }
            }
            .boxfooter {
                white-space: nowrap;margin:-5px;
                overflow: hidden;
                -ms-text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                small{
                    color:#999;
                }
            }
        }
        .item.active{
            border-color:tomato;
            .panel-footer{
                background-color:tomato;color:#fff;border-color:tomato;
                 .boxfooter {
                       small{
                            color:#fff;
                        }
                 }
            }
        }
    }
}


.uploader-list{
    .item{
        border-bottom:1px #ccc solid;position:relative;
    }
    h4.info{
        font-size:14px;font-weight:normal;
    }
    p.state{
        font-size:12px;color:#999;position:absolute;right:0;top:0;z-index:100;
    }
}


/* context menu */

.context-menu {
  display: none;
  position: absolute;
  z-index: 10;
  padding: 12px 0;
  width: 150px;
  background-color: #fff;
  border: solid 1px #dfdfdf;
  box-shadow: 1px 1px 2px #cfcfcf;
}

.context-menu--active {
  display: block;
}

.context-menu__items {
  list-style: none;
  margin: 0;
  padding: 0;
}

.context-menu__item {
  display: block;
  margin-bottom: 4px;
}

.context-menu__item:last-child {
  margin-bottom: 0;
}

.context-menu__link {
  display: block;
  padding: 4px 12px;
  color: #0066aa;
  text-decoration: none;
}

.context-menu__link:hover {
  color: #fff;
  background-color: #0066aa;
}


.tinymce-footer{
    padding:8px 15px;
}